<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>默认布局</title>
<link href="../../css/bootstrap3.min.css" rel="stylesheet">
<link href="../../css/font-awesome.css" rel="stylesheet"> 
<link href="../../css/koala.css" rel="stylesheet">
<link href="../../css/koala_tree.css" rel="stylesheet"> 
<script src="../../js/jquery.js" type="text/javascript"></script>
<script src="../../common/jquery-ui.js" type="text/javascript" ></script>
<script src="./data.js" type="text/javascript" ></script>
<script src="../../lib/Koala_Layout.js" type="text/javascript" ></script>
<script src="../../lib/Koala_Select.js" type="text/javascript" ></script>
<script src="../../lib/Koala_ToolTip.js" type="text/javascript" ></script>
<script src="../../lib/Koala_Popover.js" type="text/javascript" ></script>
<script src="../../lib/Koala_Tree.js" type="text/javascript" ></script>
<script src="../../lib/Koala_Grid.js" type="text/javascript" ></script>
<script src="../../lib/Koala_API_Builder.js" type="text/javascript" ></script>

<style type="text/css">
div[region]{
	border: solid 1px;
}
</style>
<script type="text/javascript">
$(function(){
	
	$("#default_layout").layout({
		layout:"default",
		centerHeight:450,
		maxHeight:550
	}).apibuilder({
		data:data
	});
	
	
});

</script>
</head>
<body>
<div id="default_layout">
	<div id="layout_header" region="north">各组件接口</div>
	<div id="layout_left" class="tree" region="west"></div>
	<div id="layout_right" region="center"></div>
</div>
</body>
</html>
